<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
	<title><spring:message code="YYK-title-10005" /></title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=0.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
	<meta name=”apple-mobile-web-app-capable” content=”yes” />
	
	<script type="text/javascript">
		;(function (doc, win) {
		    var docEl = doc.documentElement,
		      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
		      recalc = function () {
		        var clientWidth = docEl.clientWidth;
		        var clientHeight = docEl.clientHeight;
		        if (!clientWidth) return;
		        if (clientWidth < clientHeight) {
		            docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
		        }else{
		          docEl.style.fontSize = 50 * (clientWidth / 1136) + 'px';
		        }
		      };
		      recalc();
		    if (!doc.addEventListener) return;
		    win.addEventListener(resizeEvt, recalc, false);
		    doc.addEventListener('DOMContentLoaded', recalc, false);
		})(document, window);
	</script>
	
	<script type="text/javascript">
	//滚动条
	var myScroll;
	function loaded () {
		myScroll = new IScroll('#wrapper', {  
            probeType: 2,//probeType：1对性能没有影响。在滚动事件被触发时，滚动轴是不是忙着做它的东西。probeType：2总执行滚动，除了势头，反弹过程中的事件。这类似于原生的onscroll事件。probeType：3发出的滚动事件与到的像素精度。注意，滚动被迫requestAnimationFrame（即：useTransition：假）。  
            scrollbars: false,//有滚动条  
            mouseWheel: true,//允许滑轮滚动  
            fadeScrollbars: false,//滚动时显示滚动条，默认影藏，并且是淡出淡入效果  
            bounce:true,//边界反弹  
            interactiveScrollbars:true,//滚动条可以拖动  
            shrinkScrollbars:'scale',// 当滚动边界之外的滚动条是由少量的收缩。'clip' or 'scale'.  
            click: true ,// 允许点击事件  
            keyBindings:true,//允许使用按键控制  
            momentum:true// 允许有惯性滑动  
        });
	}
	document.addEventListener('DOMContentLoaded',loaded, false);
	</script>
	
	<link rel="stylesheet" type="text/css" href="${static_server}/static/css/default.css">
	<link rel="stylesheet" href="${server}/static/css/iconfont/iconfont.css">
	<link rel="stylesheet" href="${static_server}/static/css/common/zepto.alert.css">
	<link rel="stylesheet" href="${static_server}/static/css/recevingAddress.css">
	
	<script type="text/javascript" src="${static_server}/static/js/common/base.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/zepto.min.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/common/zepto.alert.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/common/common.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/settlement/address.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/iscroll.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/common/common.ajax.js"></script>
</head>
<body>
<div class="wrap" onload="loaded()">
	<header class="headerToFixed">
		<div class="closeBtn" onclick="javascript:goBack();">
		   <i class="icon iconfont">&#xe60a;</i>
		</div>
		<div class="headerTitle">
			<spring:message code="YYK-title-10005" />
		</div>
	
	</header>
	<div class="contentWrap">
		<div id="wrapper" class="tops88" style="bottom:1.3rem">
			<div id="scroller">
				<ul  class="addressList">
					<%-- 循环收货地址 --%>
					<c:forEach items="${recepientList}" var="recepient">
						<li id="${recepient.recepientId}" class="recepient">
							
							<div class="defaultAddressComponent commonSubHeader">
								<ul class="addressDetail">
									<li class="address-info">
										<span class="receivingName">${fn:escapeXml(recepient.recepientName)}</span>
										<span class="receivingTel">${fn:escapeXml(recepient.recepientTel)}</span></p>
									
										<div class="receivingAddressBox">
										<span class="receivingAddress">${recepient.recepientProvinceName} ${recepient.recepientCityName} ${recepient.recepientAreaName} ${fn:escapeXml(recepient.recepientAddress)}</span>
										<span class="emailNum">${fn:escapeXml(recepient.recepientPostCode)}</span>
										</div>
									</li>
									<li >
										<div class="addressOperation">
											<label>
												<div class="check-box0p check-box">
													<input type="checkbox" class="setDefault" name="defaultAddressRadio" 
														<c:if test="${recepient.isDefault eq 1}">
															checked="checked"
														</c:if>
													/>
												</div>
												<%-- 默认地址 --%>
												<span class="J_defaultAddressText">
													<spring:message code="YYK-20029" />
												</span>
											</label>
											<%-- 删除 --%>
											<div class="editAddressBtn fr deleteAddress">
												<i class="icon iconfont">&#xe600;</i>&nbsp;
												<spring:message code="YYK-20031" />
											</div>
											<%-- 编辑 --%>
											<div class="deleteAddressBtn fr editAddress">
												<i class="icon iconfont">&#xe606;</i>&nbsp;
												<spring:message code="YYK-20030" />
											</div>
										</div>
									</li>
								</ul>
							</div>
								
						</li>
					</c:forEach>
				</ul>
			</div>
		</div>
	</div>
	<footer class="footerToFixed" style="height:1rem">
		<!-- <div class="borderTop1"></div> -->
		<%-- 新建地址 --%>
		<div class="addNewAddressBtn" onclick="javascript:skipAddAddress();">
			<i class="icon iconfont">&#xe60e;</i>&nbsp;
			<spring:message code="YYK-20032" />
		</div>
	</footer>
</div>
<input type="hidden" id="path" value="${server}"/>

</body>
</html>	